<template>
  <div>
    <!-- 
      axios的使用
      概念：基于原生ajax和promise封装的请求库
      语法：
      axios({
        method: "请求方式",
        url: "请求地址",
        data:{} // post的请求参数
        params: {} // get的请求参数
      }).then(res=>{
        res 就是请求结果
      }).catch(err=>{
        err 后台报错信息
      })
      使用步骤
      1、下载 npm i axios
      2、导入 import axios from "axios"
      3、根据语法使用即可
     -->
    <h1>1、查询所有图书信息</h1>
    <button @click="searchFn">查询-看控制台</button>
  </div>
</template>

<script>
import axios from "axios"
export default {
  methods: {
    searchFn(){
      axios({
        method: "get",
        url: "http://123.57.109.30:3006/api/getbooks"
      }).then(res=>{
        console.log("获取成功：",res);
      }).catch(err=>{
        console.log("出错了：", err);
      })
    }
  }
}
</script>

<style>

</style>